<template>
    <el-dialog :title="isEdit?'编辑'+title:'新增'+title" :visible.sync="dialogForm" width="1100px">
        <el-form :inline="true" :model="form" class="search-form" label-width="80px">
            <el-row>
                <el-col :span="8">
                    <el-form-item label="计划编号">

                    </el-form-item>
                    <el-form-item label="船名">

                    </el-form-item>
                    <el-form-item label="航次">

                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="8">
                    <el-form-item label="作业港口">
                        <!--<auto-search-port-station @selectCode="v=>v"></auto-search-port-station>-->
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="计划类型">
                        <!--<el-select v-model="" placeholder="请选择" clearable>-->
                            <!--<el-option v-for="[key, val] in _dictShipPlanStatus" :key="key" :label="val" :value="key">-->
                            <!--</el-option>-->
                        <!--</el-select>-->
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="作业状态">
                        <!--<el-select v-model="" placeholder="请选择" clearable>-->
                            <!--<el-option v-for="[key, val] in _dictShipPlanStatus" :key="key" :label="val" :value="key">-->
                            <!--</el-option>-->
                        <!--</el-select>-->
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="8">
                    <el-form-item label="航次">
                        <el-input v-model="form.voyage"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="10">
                    <el-form-item label="创建日期">
                        <date-slot :startDate.sync="form.search_GTE_taskTime"
                                   :endDate.sync="form.search_LTE_taskTime"></date-slot>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="24">
                    <!--<el-button class="ml-80" @click="loadData">查 询</el-button>-->
                    <!--<el-button @click="handleDialogFormOpen(false)">新 增</el-button>-->
                </el-col>
            </el-row>
        </el-form>
    </el-dialog>
</template>

<script>
    export default {
        name: "shipPlanForm",
        data(){
            return {
                dialogForm:false,
                isEdit:false,
                form:this.clearForm()
            }
        },
        methods:{
            clearForm(){
                return {

                }
            }
        },
        computed:{
            planType(){
                return this.$route.params.type
            },
            title(){
                return this.planType==='load'?'装船计划':'卸船计划'
            }
        }
    }
</script>

<style scoped>

</style>
